/* global */
html {
    background: #f2f2f2;
}
.zss-wrap {
    width: 100%;
}
.zss-header {
    background: white;
    padding: 20px;
}
.zss-nav {
    padding: 15px;
    padding-bottom: 0px;
}
.zss-content {
    padding: 10px 20px;
    margin: 15px;
    background: white;
}
.zss-content .zss-search {
    padding-top: 10px;
    /* padding-bottom: 5px; */
    margin-bottom: -5px;
}
.zss-content .zss-search .layui-input-inline {
    margin-bottom: 5px;
    margin-right: 5px;
}
.zss-form-box {
    padding: 30px 0;
}
.zss-th-center {
    text-align: center !important;
}
.zss-td-image-box {
    padding: 10px 0;
    overflow: hidden;
}

.layui-tab-content {
    padding: 20px 0;
}
.layui-form-label {
    width: 110px;
}
.layui-input-block {
    margin-left: 140px;
}
.layui-table, .layui-table-view {
    margin-top: 20px;
}
.layui-table .layui-btn + .layui-btn {
    margin-left: 0px;
}




/* 分页 */
.style_page a { padding:2px 6px; margin:0 3px;}
.style_page a:hover { background-color: #009688; color:#FFF; }
.style_page span { padding:2px 6px; background-color: #009688; color:#FFF; margin:0 3px; }
.style_page a.current { background-color: #009688; color:#FFF; }


/* 图片上传 */
.zss-pic-items {
    padding: 15px; 
    background: #f2f2f2;
    margin-bottom: 10px;
}
.zss-pic-items iframe {
    border-bottom: 1px solid #e0e0e0; 
    margin-bottom: 10px;
}
.zss-pic-items .zss-picbox img {
    height: 80px;
    width: auto;
    margin-bottom: 15px;
}
.zss-pic-items .zss-picbox video {
    height: 80px;
    width: 80px;
    margin-bottom: 15px;
    display: block;
}


/* 多图片上传 */
.zss-pic-multiple img { max-height:100px; max-width:100px; display: inline-block; vertical-align: middle; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.zss-pic-multiple ul { width:100%; overflow:hidden; }
.zss-pic-multiple ul span { padding-bottom:10px; display: inline-block; color: cadetblue; }
.zss-pic-multiple ul li { width:110px; height:110px; line-height:110px; float:left; position:relative; background:#FFF; margin-right:10px; margin-bottom:10px; text-align:center; border:1px solid #fff; cursor:move; }
.zss-pic-multiple ul li div { width:110px; height:109px; }
.zss-pic-multiple ul li.placeHolder div { background-color:white!important; border:dashed 1px gray !important; }
.zss-pic-multiple ul li a { position:absolute; bottom:0; right:0; font-size: 12px; cursor:pointer; background-color:rgba(0,0,0,.3); color:#fff; padding:0px 5px; line-height:20px; height:20px; z-index:10; display:none;}
.zss-pic-multiple ul li:hover { border:1px solid #ccc; }
.zss-pic-multiple ul li:hover a { display:block; }



/* 首页 */
.layui-side-menu cite {
    padding-left: 5px;
}
.layui-side-menu .layui-nav .layui-nav-item {
    cursor: pointer;
}
.layui-side-menu .layui-nav .layui-nav-item>.layui-nav-child a {
    padding-left: 45px;
}
.layui-side-menu .layui-nav .layui-nav-item>.layui-nav-child .layui-nav-child dd a {
    padding-left: 60px;
}
.layui-nav-tree .layui-nav-more {
    right: 20px;
}
.layui-layout-admin .layui-body-iframe {
    bottom: 0;
}
.layui-body-iframe {
    overflow: initial;
}
.layui-side-scroll {
    width: 220px;
}
.layui-layout-admin .layui-body {
    padding-bottom: 0;
}



/* 提示框样式 */
.tips-hidden {
    display: none;
}
.zss-td-tips {
    font-size: 14px;
    color: #999;
    padding: 15px 0px 15px  10px;
    
}
.zss-td-tips h1 {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    padding-bottom: 5px;
    padding-right: 15px;
}
.zss-td-tips .zss-td-tips-body {
    overflow-y: auto;
    max-height: 300px;
}


/* 用户头像样式 */
.zss-td-user ul {
    display: flex;
    flex-direction: row;
}
.zss-td-user ul li:first-child {
    width: 50px;
    box-sizing: border-box;
}
.zss-td-user ul li:last-child {
    padding-left: 10px;
}
.zss-td-user ul li img {
    width: 100%;
}